<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/8/19
  Time: 15:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <title>经理功能选择</title>
    <style>
        body{
            background-color: #3a3a3a;
            text-align: center;
        }
        #d0{
            width:800px ;
            height: 400px;
            position: absolute;
            top:0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        #d1{
            width: 240px;
            height: 210px;
            background-color: #e8687f;
        }
        #d2{
            width: 320px;
            height: 210px;
            background-color: #92b851;
            position: absolute;
            top: 0px;
            left:250px;
        }
        #d3{
            width: 200px;
            height: 210px;
            background-color: #f2c339;
            position: absolute;
            top:0px;
            left:580px ;
        }
        #d4 {
            width: 385px;
            height: 210px;
            background-color: #5f7cb4;
            position: absolute;
            top: 220px;
        }
        #d5{
            width: 385px;
            height: 210px;
            background-color: #9b3f40;
            position: absolute;
            top: 220px;
            left: 396px;
        }
        div text{
            font-size: 20px;
            color: whitesmoke;
            font-family: "楷体";
            padding-top: 20px;
            height: 50px;
            line-height: 50px;
        }
        #dv0{
            width:800px ;
            height: 400px;
            position: absolute;
            top:0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        #dv0{
            width:600px ;
            height: 400px;
            position: absolute;
            top:0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        #dv1{
            width: 295px;
            height: 210px;
            background-color: #e8687f;
        }

        #dv3 {
            width: 295px;
            height: 210px;
            background-color: #5f7cb4;
            position: absolute;
            top: 0px;
            left: 305px;
        }
        #dn0{
            width:1030px ;
            height: 400px;
            position: absolute;
            top:0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        #dn1{
            width: 150px;
            height: 195px;
            background-color: #e8687f;
        }
        #dn2{
            width: 350px;
            height: 195px;
            background-color: #92b851;
            position: absolute;
            top: 0px;
            left: 160px;
        }
        #dn3{
            width: 350px;
            height: 195px;
            background-color: #f2c339;
            position: absolute;
            top: 0px;
            left:520px;
        }
        #dn4{
            width: 150px;
            height: 195px;
            background-color: #39bdca;
            position: absolute;
            top: 0px;
            right:0px;

        }
        #dn5{
            width: 350px;
            height: 195px;
            background-color: #5f7cb4;
            position: absolute;
            top:205px;

        }
        #dn6{
            width: 150px;
            height: 195px;
            background-color: #9b3f40;
            position: absolute;
            top:205px;
            left: 360px;
        }
        #dn7{
            width: 350px;
            height: 195px;
            background-color: #4ab4ee;
            position: absolute;
            top:205px;
            left: 520px;
        }
        #dn8{
            width: 150px;
            height: 195px;
            background-color: #b35bc9;
            position: absolute;
            top:205px;
            right: 0px;
        }
    </style>
</head>
<body>
<% int rights=(int)request.getAttribute("rights");%>
<%if(rights==2){%>
<div id="d0">
    <div id="d1" onclick="toNav(this)" data-id="1" data-right="2"><text>员工信息管理</text></div>
    <div id="d2" onclick="toNav(this)" data-id="2" data-right="2"><text>库存管理</text></div>
    <div id="d3" onclick="toNav(this)" data-id="6" data-right="2"><text>商品类型管理</text></div>
    <div id="d4" onclick="toNav(this)" data-id="4" data-right="2"><text>供应商信息管理</text></div>
    <div id="d5"  onclick="toNav(this)" data-id="6" data-right="2"><text>商品进货管理</text></div>
</div>
<%}else if(rights==3){%>
<div id="dv0">
    <div id="dv1" onclick="toNav(this)" data-id="3" data-right="3"><text>商品信息管理</text></div>
    <div id="dv3" onclick="toNav(this)" data-id="7" data-right="3"><text>商品销售管理</text></div>
</div>
<%}else if(rights==1){%>
<div id="dn0">
    <div id="dn1" onclick="toNav(this)" data-id="1" data-right="1"><text>员工信息管理</text></div>
    <div id="dn2" onclick="toNav(this)" data-id="2" data-right="1"><text>库存管理</text></div>
    <div id="dn3" onclick="toNav(this)" data-id="3" data-right="1"><text>商品信息管理</text></div>
    <div id="dn4" onclick="toNav(this)" data-id="4" data-right="1"><text>供应商信息管理</text></div>
    <div id="dn5" onclick="toNav(this)" data-id="5" data-right="1"><text>考勤信息管理</text></div>
    <div id="dn6" onclick="toNav(this)" data-id="6" data-right="1"><text>商品类型管理</text></div>
    <div id="dn7" onclick="toNav(this)" data-id="7" data-right="1"><text>商品销售管理</text></div>
    <div id="dn8" onclick="toNav(this)" data-id="8" data-right="1"><text>系统维护</text></div>
</div>
<%}%>


</body>
</html>
<script type="text/javascript">
    function toNav(e){
        window.location.href="navServlet?navId="+e.getAttribute("data-id")+"&rightPeop="+e.getAttribute("data-right");
    }
</script>
